body{
	background-color: #fff;
}
.normal-size{
	width: 1220px;
	margin: auto;
}
img.scale {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	cursor: pointer;
}
.over_hide:hover img.scale,
.slide:hover img.scale {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.over_hide {
	overflow: hidden;
}
/*.large_size {
  width: 100%;
}*/
.normal-size {
	width: 1220px;
	margin: auto;
}
img {
	max-width: 100%;
}
.clearfix:before {
	content: '';
	display: table;
}
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

/*首页*/
.top-bar{
	.cheng{
		height: 6px;
		width: 40%;
		background-color: #ff874b;
	}
	.gray{
		width: 60%;
		height: 6px;
		background-color: #eaeaea;
	}
}
.top{
	position: relative;
    border-bottom: 1px solid #c7c7c7;
    background-color: #fff;
  .top-box{
    position: relative;
    height: 100px;
    padding: 23px 0;
    padding-bottom: 0;
  }
	.logo{
		width: 236px;
		height: 23px;
		img{
			width: 100%;
		}
	}
}
.nav-bar{
	padding-top: 26px;
	margin-left: 40px;
	.nav-item a{
		display: inline-block;
		padding: 12px 10px;
		margin: 0 3px;
		font-size: 16px;
		border-bottom: 2px solid transparent;
		color: #666666;
	}
	.nav-item{
		position: relative;
		.arrow-d{
			position: absolute;
			right: 2px;
			top: 21px;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			transition: all .3s;

		}
		.nav-item-s-box{
			position: absolute;
			width: 100%;
			background-color: rgba(0,0,0,.5);
			padding-bottom: 0;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			transition: all .3s;
			height: 0;
			overflow: hidden;
			z-index: 999;
			a{
				color: #fff;
				display: inline-block;
				width: 100%;
				text-align: center;
				padding: 0;
				margin: 0;
				padding-top: 10px;
				font-size: 14px;
				&:hover{
					color: #ff874b;
				}
			}
		}
		&:hover .nav-item-s-box{
			height: auto;
			padding-bottom: 10px;
		}
		&:hover .arrow-d{
			-moz-transform: rotate(180deg);
			-webkit-transform: rotate(180deg) !important;
			transform: rotate(180deg) !important;
		}
	}
	.nav-item.on>a,.nav-item:hover>a{
		border-bottom: 2px solid #ff874b;
		color: #eb6430;

	}
	.nav-item.ac:hover a{
		border-bottom-color: transparent;
	}
	.nav-item span{
		display: inline-block;
		padding-top: 12px;
		color: #c7c7c7;
	}
}
.search-box{
	background-color: #eaeaea;
	position: absolute;
	top: 62px;
	right: 188px;
	width: 110px;
	border-radius: 5px;
	padding: 2px 5px;
	img{
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
	}
}
.footer{
	background-color: #404040;
	padding: 30px 0 0;
	.footer-top{
		margin-bottom: 22px;
		.f-nav-item a{
			padding: 0 15px;
			color: #fff;
		}
		.f-nav-item span{
			color: #fff;
		}
		.f-tel{
			margin-right: 100px;
			color: #fff;
			span{
			 color: #ff874b;
				font-size: 16px;
			}
		}

	}
}

.footer-middle{
	background-color: #ff874b;
	//height: 154px;
	height: 2px ;
	overflow: hidden;
	.erweima-box{
		padding: 16px 5px;
		li{
			margin: 0 9px;
			>img{
				width: 124px;
				height: 122px;
			}
		}
		.erweima-btn{
			width: 20px;
			padding: 22px 20px 0;
			cursor: pointer;
			position: relative;
			p{
				color: #fff;
			}
			img{
				margin-left: 3px;
				margin-top: 3px;
			}
			&:after{
				position: absolute;
				display: inline-block;
				content: '';
				border: 20px solid transparent;
				bottom: -40px;
				left:7px;
				border-top-color: #ff874b;
			}
		}
	}
}
.footer-bottom {
	background: url("../images/footer-bg.png") 0 36px no-repeat;
	.erweima-box{
		position: relative;
	}
	.erweima-btn{
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 0px;
		color: #fff;
		img{
			margin: 4px 0  0 5px;
		}
	}
	.b-box{
		margin-top: 26px;
		padding-bottom: 30px;

		p{
			color: #fff;
			margin-bottom: 10px;
		}
	}
}
@font-face{
	font-family: 'kaiti';
	src : url('../css/fonts/kaiti.TTF');
}


.index-intro {
	background:url("../images/since2009.png") no-repeat;
	background-size: 100% 100%;
	height: 210px;
	margin-top: 18px;
	.intro-box{
		background-color: #f6f6f6;
		background: url("../images/since-2009-02.jpg");
		background-size: 100% 100%;
	}
	.intro-txt{
		width: 734px;
		h2{
			margin: 26px 0;
			font-size: 25px;
			font-family: 'kaiti';
			color: #332c2b;
		}
		p{
			line-height: 24px;
			color: #535353;
			a:hover{
				opacity: .8;
			}
		}
	}
	.p-shu{
		width: 337px;
		height: 210px;
		background: url("../images/p-shu.png") no-repeat;
		position: relative;
		p{
			position: absolute;
			top:18px;
			right: 60px;
			color: #fff;
			font-family: '宋体';
			font-size: 90px;
		}
	}
}
.story-wf{

	.story-banner{
		width: 864px;
	}
  .sm-banner-box{
    height: 362px;
  }
	.t-box{
		margin-bottom: 25px;
      margin-top: 25px;
		.read-more{
			display: inline-block;
			width: 63px;
			height: 31px;
			line-height: 29px;
			text-align: center;
			font-size: 14px;
			border:1px solid #d4dcea;
			color: #d4dcea;
		}
	}
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: url("../images/next-btn.png")!important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image: url("../images/pre-btn-on.png")!important;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 1!important;
  cursor: auto;
  pointer-events: none;
  background-image: url("../images/pre-btn.png")!important;
}
#swiper-container3{
  .swiper-slide{
    position: relative;
    img{
      width: 201px;
      height: 232px;
    }
    p{
      background-color: rgba(0,0,0,.5);
      width: 100%;
      color: #fff;
      height: 32px;
      line-height: 32px;
      text-align: center;
      position: absolute;
      left: 0;
      bottom: 0;
    }
  }
}
#swiper-container4{
  .swiper-slide{
    position: relative;
    img{
      width: 229px;
      height: 258px;
    }
    p{
      background-color: rgba(0,0,0,.5);
      width: 100%;
      color: #fff;
      height: 32px;
      line-height: 32px;
      text-align: center;
      position: absolute;
      left: 0;
      bottom: 0;
    }
  }
}

/* 滑块 start */
#box{width: 1220px; height: 165px; margin: 20px auto;overflow: hidden}
#box ul{width: 100%;height: 165px;margin-right: -10px}
#box li{float: left; width: 244px; height: 165px; cursor: pointer;}
#box li a{display: inline-block;width: 100%;height: 100%}

.ad-news{
	margin-bottom: 25px;
	img{
		width: 100%;
	}
}

.titlelist.story-new{
	width: 321px;
	padding-right: 0;
	padding-left: 0;
	ul li p{
		width: 250px;
	}
}
/*学院*/
.right-nav{
	width: 165px;
	margin-top: 90px;
	ul {
		li{
			width: 164px;
			height: 47px;
			position: relative;
			margin-bottom: 30px;
			a{
				display: inline-block;
				position: absolute;
				top:0;
				left: 0;
				width: 164px;
				height: 47px;
				text-align: center;
				line-height: 47px;
				color: #fff;
				background-color: #ff9f6f;
				-webkit-transition: all .5s;
				-moz-transition: all .5s;
				transition: all .5s;
				cursor: pointer;
				font-size: 16px;
			}
			&.on a,&:hover a{
				background-color: #eb6430;
				width: 194px;
			}
		}
	}
}
.xueyuan-box .detail-txt{
	width: 976px;
	background-color: #fff;
	padding: 48px 0 0 78px;
	.detail-box{
		h2{
			font-size: 18px;
			font-weight: normal;
			margin-bottom: 51px;
			text-align: center;
		}
		padding-bottom: 20px;
		border-bottom: 3px solid #c9c9c9;
		margin-bottom: 20px;
		.img-box{
			width: 340px;
			height: 523px;
			position: relative;
			overflow: hidden;
			&.sm{
				width: 243px;
				height: 174.3px;
				.read-more-txt{
					position: absolute;
					width: 100%;
					top:60%!important;
					text-align: center;

				}
				.t{
					position: absolute;
					width: 100%;
					top:30%!important;
					text-align: center;
					color: #fff;
					font-size: 16px;
				}
			}
			&:hover .modal-box{
				bottom: 0;
			}
			img{
				width: 100%;
				height: 100%;
			}
			.modal-box{
				position: absolute;
				bottom: -100%;
				left: 0;
				background-color: rgba(235,100,48,.6);
				width: 100%;
				height: 100%;
				-webkit-transition: all .5s;
				-moz-transition: all .5s;
				transition: all .5s;
				/*&:hover{
					bottom: 0;
				}*/
				.t{
					position: absolute;
					width: 100%;
					top:40%;
					text-align: center;
					color: #fff;
					font-size: 16px;
				}
				.read-more-txt{
					position: absolute;
					width: 100%;
					top:50%;
					text-align: center;
					a{
						display: inline-block;
						width: 115px;
						height: 35px;
						line-height: 35px;
						border:1px solid #fff;
						font-size: 16px;
						color: #fff;
					}
				}
			}
		}
	}
}

.img-wrapper.md .img-box{
	width: 462px !important;;
	height: 310px!important;
}

.right-nav ul li img {
	position: absolute;
	top: -20px;
	right: -1px;
}
.fuwu-box{
	margin-top: 10px;
}

